使用“原生”HTML DOM获取input的输入值并显示 |
您所在的位置：网站首页 › js 获取input内容 › 使用“原生”HTML DOM获取input的输入值并显示 |
使用“原生”HTML DOM获取input的输入值并显示
|
理论基础 HTML value属性。value规定元素的值。value对于不同input类型，用法也不同。 1.对于"button","reset","submit"类型 —— 定义按钮上的文字； 2.对于"text","password","hidden"类型 ——定义输入字段的初始（默认）值； 3.对于"checkbox","radio","image"类型 ——定义与input元素相关的值，当提交表单时该值会发送到表单的action URL。 最需要注意的是 ，value属性对于和是必需的。而对于 value属性是不适用的。 实现原理 使用document.getElementByid("idName").value获取元素的值，然后输出到页面上。 实现代码 登录 本网页展示了使用HTML DOM来访问HTML元素最常用的方法 Account ; Password var a = document.getElementById("account").value; var p = document.getElementById("pwd").value; function getValue() { document.getElementById("show").innerHTML = "Account: " + a + "" + "Password: " + p; }效果图
|
【本文地址】
今日新闻 |
推荐新闻 |